<style>
    #datefilter {
        margin:10px 0;
    }
</style>
<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel-body">
        <div id="myTabContent" class="tab-content">
            <div class="tab-pane fade active in" id="one">
                <div class="widget-body no-padding">

                    <!--<div class="row">-->
                        <!--<div class="col-lg-3 col-xs-6">-->
                            <!--&lt;!&ndash; small box &ndash;&gt;-->
                            <!--<div class="small-box bg-aqua">-->
                                <!--<div class="inner">-->
                                    <!--<h3>￥{$statistics.totalbets}</h3>-->
                                    <!--<p>总投注</p>-->
                                <!--</div>-->
                                <!--<div class="icon">-->
                                    <!--<i class="fa fa-comments"></i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; ./col &ndash;&gt;-->
                        <!--<div class="col-lg-3 col-xs-6">-->
                            <!--&lt;!&ndash; small box &ndash;&gt;-->
                            <!--<div class="small-box bg-green">-->
                                <!--<div class="inner">-->
                                    <!--<h3>￥{$statistics.totalupscore}</h3>-->
                                    <!--<p>总上分</p>-->
                                <!--</div>-->
                                <!--<div class="icon">-->
                                    <!--<i class="fa fa-navicon"></i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; ./col &ndash;&gt;-->
                        <!--<div class="col-lg-3 col-xs-6">-->
                            <!--&lt;!&ndash; small box &ndash;&gt;-->
                            <!--<div class="small-box bg-yellow">-->
                                <!--<div class="inner">-->
                                    <!--<h3>￥{$statistics.totalwithdraw}</h3>-->

                                    <!--<p>总提款</p>-->
                                <!--</div>-->
                                <!--<div class="icon">-->
                                    <!--<i class="fa fa-bullhorn"></i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; ./col &ndash;&gt;-->
                        <!--<div class="col-lg-3 col-xs-6">-->
                            <!--&lt;!&ndash; small box &ndash;&gt;-->
                            <!--<div class="small-box bg-red">-->
                                <!--<div class="inner">-->
                                    <!--<h3>￥{$statistics.totalgive}</h3>-->

                                    <!--<p>总赠送</p>-->
                                <!--</div>-->
                                <!--<div class="icon">-->
                                    <!--<i class="fa fa-warning"></i>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--&lt;!&ndash; ./col &ndash;&gt;-->
                    <!--</div>-->
                    <!--<div class="row">-->
                        <!--<div class="col-md-3 col-sm-6 col-xs-12">-->
                            <!--<div class="info-box bg-aqua">-->
                                <!--<span class="info-box-icon"><i class="fa fa-arrow-down"></i></span>-->

                                <!--<div class="info-box-content">-->
                                    <!--<span class="info-box-text">今日下注</span>-->
                                    <!--<span class="info-box-number">￥{$statistics.todaybets}</span>-->
                                    <!--<span class="progress-description">-->
                                        <!--今日下注的总金额-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--&lt;!&ndash; /.info-box-content &ndash;&gt;-->
                            <!--</div>-->
                            <!--&lt;!&ndash; /.info-box &ndash;&gt;-->
                        <!--</div>-->
                        <!--&lt;!&ndash; /.col &ndash;&gt;-->
                        <!--<div class="col-md-3 col-sm-6 col-xs-12">-->
                            <!--<div class="info-box bg-green">-->
                                <!--<span class="info-box-icon"><i class="fa fa-arrow-up"></i></span>-->

                                <!--<div class="info-box-content">-->
                                    <!--<span class="info-box-text">今日上分</span>-->
                                    <!--<span class="info-box-number">￥{$statistics.todayupscore}</span>-->
                                    <!--<span class="progress-description">-->
                                        <!--今日上分总金额-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--&lt;!&ndash; /.info-box-content &ndash;&gt;-->
                            <!--</div>-->
                            <!--&lt;!&ndash; /.info-box &ndash;&gt;-->
                        <!--</div>-->
                        <!--&lt;!&ndash; /.col &ndash;&gt;-->
                        <!--<div class="col-md-3 col-sm-6 col-xs-12">-->
                            <!--<div class="info-box bg-yellow">-->
                                <!--<span class="info-box-icon"><i class="fa fa-bank"></i></span>-->

                                <!--<div class="info-box-content">-->
                                    <!--<span class="info-box-text">今日提款</span>-->
                                    <!--<span class="info-box-number">￥{$statistics.todaywithdraw}</span>-->
                                    <!--<span class="progress-description">-->
                                        <!--今日提款总金额-->
                                    <!--</span>-->
                                <!--</div>-->
                                <!--&lt;!&ndash; /.info-box-content &ndash;&gt;-->
                            <!--</div>-->
                            <!--&lt;!&ndash; /.info-box &ndash;&gt;-->
                        <!--</div>-->
                        <!--&lt;!&ndash; /.col &ndash;&gt;-->
                        <!--<div class="col-md-3 col-sm-6 col-xs-12">-->
                            <!--<div class="info-box bg-red">-->
                                <!--<span class="info-box-icon"><i class="fa fa-gift"></i></span>-->

                                <!--<div class="info-box-content">-->
                                    <!--<span class="info-box-text">今日赠送</span>-->
                                    <!--<span class="info-box-number">￥{$statistics.totaygive}</span>-->

                                    <!--<div class="progress">-->
                                        <!--<div class="progress-bar" style="width: 20%"></div>-->
                                    <!--</div>-->
                                    <!--<span class="progress-description">-->
                                    <!--今日赠送总金额-->
                                  <!--</span>-->
                                <!--</div>-->
                                <!--&lt;!&ndash; /.info-box-content &ndash;&gt;-->
                            <!--</div>-->
                            <!--&lt;!&ndash; /.info-box &ndash;&gt;-->
                        <!--</div>-->
                        <!--&lt;!&ndash; /.col &ndash;&gt;-->
                    <!--</div>-->

                    <div class="row">
                        <div class="col-xs-12">
                            <div class="page-header">
                                <h4 class="no-margin">投注趋势</h4>
                            </div>
                            <div id="datefilter">
                                <form action="" role="form" novalidate class="form-inline">
                                    <a href="javascript:;" class="btn btn-primary btn-refresh"><i class="fa fa-refresh"></i></a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('Today')}</a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('Yesterday')}</a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('Last 7 Days')}</a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('Last 30 Days')}</a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('Last month')}</a>
                                    <a href="javascript:;" class="btn btn-success btn-filter">{:__('This month')}</a>

                                    <div class="input-group">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                        <input type="text" class="form-control input-inline datetimerange" placeholder="指定日期" style="width:270px;" />
                                    </div>

                                    <div class="input-group">
                                        <span class="input-group-addon">会员账号</span>
                                        <input type="text" class="form-control input-inline account" placeholder="会员账号" style="width:270px;" />
                                    </div>

                                    <a href="javascript:;" class="btn btn-success search">搜索</a>
                                </form>
                            </div>

                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                <div class="small-box bg-aqua">
                                    <div class="inner">
                                        <h3>￥<span id="totalbets"></span></h3>
                                        <p>投注量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-comments"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                <div class="small-box bg-green">
                                    <div class="inner">
                                        <h3>￥<span id="totalupscore"></span></h3>
                                        <p>上分量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-navicon"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                <div class="small-box bg-yellow">
                                    <div class="inner">
                                        <h3>￥<span id="totalwithdraw"></span></h3>

                                        <p>提款量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-bullhorn"></i>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                <div class="small-box bg-red">
                                    <div class="inner">
                                        <h3>￥<span id="totalgive"></span></h3>

                                        <p>赠送量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-warning"></i>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-xs-6">
                                <!-- small box -->
                                <div class="small-box bg-red">
                                    <div class="inner">
                                        <h3>￥<span id="totalprofit"></span></h3>

                                        <p>下分量</p>
                                    </div>
                                    <div class="icon">
                                        <i class="fa fa-warning"></i>
                                    </div>
                                </div>
                            </div>

                            <div id="echart" style="height:400px;width:100%;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
